// 自己重置样式代码，公用样式代码
// 重置样式

// 边框开始计算元素
* {
    box-sizing: border-box;
   }
//    高度百分百
      html {
     height: 100%;
     font-size: 14px;
   }
//    高度百分百，最小宽度
   body {
     height: 100%;
     color: #333;
     min-width: 1240px;
     font: 1em/1.4 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', 'STHeiti', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif
   }
// 去边距
   ul,
   h1,
   h3,
   h4,
   p,
   dl,
   dd {
     padding: 0;
     margin: 0;
   }
   a {
     text-decoration: none;
     color: #333;
     outline: none;
   }
   i {
     font-style: normal;
   }
//    底部样式重置
   input[type="text"],
   input[type="search"],
   input[type="password"],
   input[type="checkbox"]{
     padding: 0;
     outline: none;
     border: none;
     -webkit-appearance: none;
     &::placeholder{
       color: #ccc;
     }
   }
   img {
     max-width: 100%;
     max-height: 100%;
    //  vertical-align: middle;去除？？？性
    //没什么用  background: #ebebeb url(../assets/images/200.png) no-repeat center / contain;
   }
   ul {
     list-style: none;
   }
   #app {
     background: #f5f5f5;
    //  不能选中
     user-select: none;
   }
// 版心容器
   .container {
     width: 1240px;
     margin: 0 auto;
     position: relative;
   }
//    一行？
   .ellipsis {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
   }
// 两行
   .ellipsis-2 {
     word-break: break-all;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
   }
// 左浮动
   .fl {
     float: left;
   }
// 右浮动
   .fr {
     float: right;
   }
// 清除浮动
   .clearfix:after {
     content: ".";
     display: block;
     visibility: hidden;
     height: 0;
     line-height: 0;
     clear: both;
   }